		*{
			margin: 0;
			padding: 0;

		}

		html{

			background-color: #f5f5f5;

		}

		a:link {
			font-size: 14px;
			color: #000;
			text-decoration: none;
		}
		a:visited {
			font-size: 14px;
			color: #000;
			text-decoration: none;
		}

/* ������ part1 */

		.head{
			width: 100%;
			height: 66px;
			position: fixed;
			z-index: 100000;
			background-color:white;
			top:0px;
		}

		.head-content{
			width: 1300px;
			height: 66px;
			margin: 0 auto;
		}

		.logo-img{
			width: 66px;
			height: 66px;
			position:relative;
			top:-1px;

		}

		.logo-text{
			position:relative;
			top:-1px;
		}


		.ul-head{
			width: 888px;
			position: relative;
			left: 320px;
			top: -70px;
			height: 66px;
			list-style: none;

		}

		.ul-head li{
			padding:0px 20px;
			line-height:66px;
			cursor:pointer;
		}


		.ul-head li{
			font-size: 14px;
			float: left;
		}

		.ul-head li:nth-child(1){
			margin-left: 36px;
		}

		.ul-head li:hover{
			background-color:#4f4f4f;
			color:white;
		}


		a{
			margin: 5px;
		}


/* ������  ����ͼƬ */
		.content-back{
			width: 100%;
			height: 300px;
			/*background-color:pink;*/
			position: relative;
			top:66px;
			filter: blur(60px);

		}

		.back-pic{
			width: 100%;
			height: 300px;

		}



/* ������ */

		.content{
			width: 100%;
			height: 300px;
			/*background-color:pink;*/
			top:-266px;
			position:relative;

		}



		.content-kuang{
			width: 1140px;
			height: 300px;
			margin: 0 auto;
			/*background-color: skyblue;*/


		}

		.center{
			width: 100%;
			height: 88px;
			/*background-color:skyblue;*/
			top:-233px;
			position: relative;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
		}

		.center-kuang{
			width: 1140px;
			height: 88px;
			margin: 0 auto;
		}

		.center-ul{

			list-style: none;
			line-height: 88px;
			text-align: center;


		}

		.kuang-img{
			position:relative;
			top:80px;
			left:80px;
			width:200px;
			height:200px;
			/*background-color:lightgreen;*/
			border:1px solid #000;
			border-radius:50%;
		}

		.name{
			position:relative;
			top:-45px;
			left:177px;
			font-size:19px;
		}

		.center-ul li{
			position:relative;
			width:142px;
			float:left;
			cursor: pointer;
			font-size: 19px;

		}

		.center-ul li:nth-child(1){
			left:40px;
		}

		.center-ul li:nth-child(2){
			left:80px;
		}

		.center-ul li:nth-child(3){
			left:120px;
		}

		.focus>a{
            padding: 25px 20px;
			cursor: pointer;
			margin:0px 13px;
			font-size: 19px;
			border-bottom: 3px solid #000;
            box-sizing: border-box;
		}



		.blur>a{
            padding: 25px 20px;
			cursor: pointer;
			font-size: 19px;
			border-bottom:0px ;
            margin:0px 13px;
		}

/* �ײ� */

		.No7{
			width: 100%;
			height: 300px;
			background:#070e23;
			position:relative;
			top:200px;

		}

		.No7-1{
			width: 1140px;
			height: 188.8px;
			margin:0px auto;
			position:relative;
			top:30px;
			background:#070e23;
		}

		.map{
			width: 684px;
			height: 188.8px;
			background:#070e23;
			position:relative;

		}

		.map dl{
		    font-size: 16px;
		    float: left;
		    text-align: center;
		}

		.No7-1-1{
			width: 171px;
			height: 108.8px;
			position:absolute;
			background:#070e23;
			left:0px;
		}

		.map ul{
			list-style:none;
		}

		.title{
			width:100%;
			height:40px;
			position:absolute;
			color: white;
			font-size: 18px;
			text-align: center;
			top:10px;
		}

		.can{
			position:absolute;
			width:100%;
			height:32px;
			top:47px;
			font-size: 16px;
			text-align: center;
			cursor: pointer;
			color:gray;
		}

		.can2{
			position:absolute;
			width:100%;
			height:32px;
			top:77px;
			font-size: 16px;
			text-align: center;
			cursor: pointer;
			color:gray;
		}


		.can:hover,.can2:hover{
			font-weight:500;
			color:white;

		}


		.No7-1-2{
			width: 171px;
			height:108.8px;
			background:#070e23;
			position:absolute;
			left:171px;

		}

		.No7-1-3{
			width: 171px;
			height: 108.8px;
			background:#070e23;
			position:absolute;
			left:342px;
		}

		.No7-1-4{
			width: 171px;
			height: 109px;
			background:#070e23;
			position:absolute;
			top:0px;
			left:513px;

		}



		.bottom-1{
			width: 1140px;
			height: 28.8px;
			font-size: 12px;
		    line-height: 28.8px;
		    background:#070e23;
		    left:190px;
		    position:absolute;
		}

		.bottom-1 span{
			width:200px;
			height:100%;
			margin:0 16px;
			color:gray;
		}

		.bottom-1 span:hover{
			cursor: pointer;
			color: #fff;
		}


		.left-logo{
			width:314px;
			height:108px;
			position:absolute;
			left:755px;
			top:33px;
			background:white;

		}


/* ������ part2 */

		.head-right{
			height: 66px;
			width: 360px;
			position: relative;
			top: -140px;
			left: 890px;
			text-align: center;
			line-height: 66px;
			font-size: 14px;

		}

		.open li{
			cursor:pointer;
			height:66px;
			width:47px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 66px;
		}

		.portrait{
			width:55px;
			height:55px;
			border-radius:50%;
			position:absolute;
			right:0px;
			border-radius:50%;
			cursor:pointer;
			top:10px;
		}


/* ������  ������ */

		.dLogin{
			position:relative;
			height:165px;
			width:130px;
			background:white;
			left:885px;
			top:-143px;
			display:none;

		}

		.dRegister{
			position:relative;
			height:110px;
			width:130px;
			background:white;
			left:975px;
			top:-143px;
			display:none;
		}

		.dLogin-ul,.dRegister-ul,.open{
			list-style:none;
		}

		.dLogin-ul li,.dRegister-ul li{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;

		}

		.dLogin-ul li:hover,.dRegister-ul li:hover{
			background-color:#4f4f4f;
			color:white;
		}


		.dPersonal{
			position:absolute;
			height:55px;
			width:130px;
			background:white;
			left:1276px;
			top:60px;
			display:none;

		}

		.dPersonal-div{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;
		}

		.dPersonal-div:hover{
			background-color:#4f4f4f;
			color:white;
		}

		.tPersonal{
			position:absolute;
			height:55px;
			width:130px;
			background:white;
			left:1276px;
			top:60px;
			display:none;

		}

		.tPersonal-div{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;
		}

		.tPersonal-div:hover{
			background-color:#4f4f4f;
			color:white;
		}

		.mPersonal{
			position:absolute;
			height:55px;
			width:130px;
			background:white;
			left:1276px;
			top:60px;
			display:none;

		}

		.mPersonal-div{
			cursor:pointer;
			height:55px;
			width:130px;
			float:left;
			font-size:14px;
			text-align: center;
			line-height: 55px;
		}

		.mPersonal-div:hover{
			background-color:#4f4f4f;
			color:white;
		}




/* ������ */

		.message,.updatemessage{
			width:100%;
			height:333px;
			position:relative;
			top:-200px;
			display:none;
		}

		.message-content,.update-content{
			width:1140px;
			height:333px;
			margin:0 auto;
			position:relative;
		}

		.message-phone,.update-phone{
			width:155px;
			height:66px;
			display:block;
			text-align:center;
			line-height:66px;
			font-size:22px;
			font-weight:500;
			display:inline-block;
			position: absolute;
			letter-spacing:0.5em;
			font-family: KaiTi;
		}

		.phone,.update-pho{
			width:223px;
			height:56px;
			position:absolute !important;
			text-align:center;
			line-height:66px;
			font-size:17px;
			font-weight:500;
			display:inline-block;
			position: absolute;
			letter-spacing:0.5em;
			padding:5px;
		}

		.btn-update{
			font-size: 16px;
    		padding: 12px 35px;
    		border-color: #000;
    		background-color: #000;
    		color: #fff;
    		width: 122px;
    		height:66px;
    		cursor: pointer;
    		border: 1px solid transparent;
    		border-radius: 4px;
    		position:absolute;
    		top:234px;
    		left:300px;
    		text-align: center;
    		letter-spacing:0.5em;
		}

		.btn-update:hover{
			border: 1px solid #000;
			background-color:#fff;
			color:#000;
			box-shadow:1px 2px 3px gray;
		}

		.input{
			margin:5px auto;
			width:222px;
			height:40px;
		}

		.radio{
			width:40px;
			height:20px;
		}

		.name{
			position:absolute;
			top:141px;
			left:566px;
			font-size:19px;
		}

		.marker-update{
			width:22px;
			height:22px;
			position:absolute;
			background-image:url(../img/update.png);
			background-size:22px 22px;
			background-repeat:no-repeat;
			top:143px;
			left:770px;
			cursor:pointer;


		}

		.keep-name{
			position:absolute;
			top:6px;
			left:-76px;
			font-size:19px;
			display:none;
		}

		.click{
			cursor:pointer;

		}

		.sname{
			width:115px;
			height:33px;
			position:absolute;
			top:135px;
			left:642px;
			display:none;
		}

		.sname-input{
			width:115px;
			height:33px;
			position:absolute;
			top:0px;
			left:0px;
		}


		.keep{
			width:22px;
			height:22px;
			position:absolute;
			background-image:url(../img/keep.png);
			background-size:22px 22px;
			background-repeat:no-repeat;
			top:143px;
			left:770px;
			cursor:pointer;
			display:none;

		}

		.img-update{
			position:absolute;
			opacity:0;
			background:pink;
			z-index:5;
			top:80px;
			left:269px;
			width:200px;
			height:200px;
			border:1px solid #000;
			border-radius:50%;
		}

		.camera{
			position:absolute;
			opacity:0;
			background:white;
			top:81px;
			left:270px;
			border-radius:50%;
		}
		
		
		